.donationButton {
    min-height: 50px;
    text-align: center;

    .ant-btn-circle, .ant-btn-circle-outline{
        width: 90px;
        padding: 0;
        font-size: 16px;
        border-radius: 50%;
        height: 45px;
    }
    .ant-btn-primary {
        color: #fff;
        background-color: #e65f6a;
        border-color: #de6671;
    }
}

.qrcode {
    text-align: center;
    margin-top: 5px;
    .fade-enter {
        opacity: 0;
        animation-duration: .5s;
        animation-fill-mode: both;
        animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
        animation-play-state: paused;
      }
      
      .fade-appear {
        opacity: 0;
        animation-duration: .5s;
        animation-fill-mode: both;
        animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
        animation-play-state: paused;
      }
      
      .fade-leave {
        animation-duration: .5s;
        animation-fill-mode: both;
        animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
        animation-play-state: paused;
      }
      
      .fade-enter.fade-enter-active {
        animation-name: fadeIn;
        animation-play-state: running;
      }
      
      .fade-appear.fade-appear-active {
        animation-name: fadeIn;
        animation-play-state: running;
      }
      
      .fade-leave.fade-leave-active {
        animation-name: fadeOut;
        animation-play-state: running;
      }
      
      @keyframes fadeIn {
        0% {
          opacity: 0;
        }
        100% {
          opacity: 1;
        }
      }
      
      @keyframes fadeOut {
        0% {
          opacity: 1;
        }
        100% {
          opacity: 0;
        }
      }
}